const HtmlWebpackPlugin = require('html-webpack-plugin'),
    webpack = require('webpack')

module.exports = {
    mode: 'development',    //开发者模式，如果不写，控制台会出现提示
    entry: './src/index.js',    //入口文件。使用相对路径
    output: {
        path: '/dist',  //出口文件，必须使用绝对路径，使用相对路径报错
        filename: 'bundle.js'   //出口文件名
    },
    plugins: [
        new HtmlWebpackPlugin({     //此插件作用能将打包后的js等文件插入到index.html页面,就不用手动在index.html文件中引入打包后的bundle.js文件
            template: './src/index.html'    //将src处的index.html文件作为html文件模板
        }),
        new webpack.HotModuleReplacementPlugin()    //使用热替换模块插件，不可缺少，缺了会报错
    ],
    devServer: {
        hot: true,  //开启webpack-dev-server热替换
        host: '0.0.0.0',
        contentBase: './dist'   //出口文件，因为webpack-dev-server打包后的文件是在内存中，所以无法看到此目录，但必须设置此目录路径，否则默认是在根目录
    }
}